<template>
  <div>
  <div class="md">
    <ul>
        <li v-for="(v,i) in arr" :key="i">
         <img :src="v.img" alt="">
         <p>{{v.name}}</p>
        </li>
    </ul>



  </div>
 


  </div>
</template>

<script>
import  link from "@/api/link.js"
export default {
    data (){
   return {
      arr:[
        // {name:"整租" ,img:"./moder/md.png"},
        // {name:"合租",img:"./moder/md1.png"},
        // {name:"品牌公寓",img:"./moder/md2.png"},
        // {name:"我要存放",img:"./moder/md3.png"}
      ]

   }
  },
  mounted(){
    link("/list/listd").then((ok)=>{
     let  data=ok.data.arr
     this.arr=data


    })
  }
}
</script>

<style lang="less" scoped>
  .md{width: 100%;
    height: .65rem;
    margin:.2rem 0 ;
    ul{
        display: flex;
        width: 80%;
        margin: auto;
        justify-content: space-between;
            li{
                font-size:.12rem ;
                text-align: center;
                img{
                    width: .7rem;
                    height: .5rem;
                    display: block;
                    

                }
                p{

                }
            }
        
    }
  }
 
</style>